import React from 'react'
// 二级路由的展示需要再展示二级路由的地方写一个outlet标签
import {Outlet} from "react-router-dom"
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons'
import { Tabbar } from 'react-vant';
import {Routes,Route,NavLink,Navigate} from "react-router-dom"
function Home() {
  return (
    <div>
        <Outlet></Outlet>
        <Tabbar>
        <Tabbar.Item icon={<HomeO />}>
            <NavLink to="/home/movie">电影</NavLink>
        </Tabbar.Item>
        <Tabbar.Item icon={<Search />}>
            <NavLink to="/home/cinema">影院</NavLink>
        </Tabbar.Item>
        <Tabbar.Item icon={<Search />}>
            <NavLink to="/my">我的</NavLink>
        </Tabbar.Item>
      </Tabbar>
    </div>
  )
}

export default Home